<template>
  <div>
    <h1>JT Drag Dialog Template</h1>
    <el-button type="primary" @click="dialogTableVisible = true">Open A Drag Dialog</el-button>
    <el-dialog v-jt-drag-dialog title="Drag Dialog" :visible.sync="dialogTableVisible">
      drag dialog
    </el-dialog>
  </div>
</template>

<script>
  import JtDragDialog from './index'
  export default {
    name: 'JtDragDialogTemplate',
    directives: {
      JtDragDialog
    },
    data() {
      return {
        dialogTableVisible: false,
      }
    }
  }

</script>
